﻿/* home --begin-- */
.ibanner{ width:100%; margin:0 auto; overflow:hidden;}
.ibanner,.flexslider,.slides li,.flex-direction-nav li a{ height:600px;}
.flexslider{ position:relative; overflow:hidden; background:url(/index/images/style/bann_loading.gif) no-repeat center center;}
.slides{ position:relative; z-index:1;}
.slides li a{ width:1003px; height:100%; display:block; margin:0 auto;}
.flex-control-nav{ width:1000px; position:absolute; left:50%; bottom:8px; margin-left:-515px; z-index:2; text-align:center;}
.flex-control-nav li{ display:inline-block; width:10px; height:10px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:10px; height:10px; line-height:40px; overflow:hidden; background:none; cursor:pointer; border-radius:50%; border:solid 1px #e70012;}
.flex-control-nav .flex-active{ background:#e70012;}
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:0;}
.flex-direction-nav li a{ display:block; width:36px; overflow:hidden; cursor:pointer; position:absolute; background-repeat:no-repeat; background-image:url(/index/images/style/banner_point.png); opacity:0.70; filter:alpha(opacity=70);}
.flex-direction-nav li a.flex-prev{ left:50%; margin-left:-680px; background-position:left center;}
.flex-direction-nav li a.flex-next{ right:50%; margin-right:-680px; background-position:-36px center;}
.iTitle{ background:url(/index/images/style/iTitle_bg.png) no-repeat center bottom; text-align:center; padding-bottom:55px; margin-top:35px;}
.iTitle .iTitleName{ font-size:30px; letter-spacing:1px; color:#e70012;}
.iTitle .iTitleKey{ font-size:20px; font-weight:bold;}
.iSlogan{ height:250px; background:url(/index/images/style/iSloganBg.jpg) no-repeat; overflow:hidden;}
.iSlogan .iSloganKey{ text-align:center; font-size:18px; letter-spacing:1px; line-height:30px; margin-top:12px;}
.iPorj{ overflow:hidden; background-image:url(/index/images/style/iProjBg.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; padding-top:20px; padding-bottom:30px;}
.iPorj .iTitle{ margin-bottom:40px;}
.iPorjList{ text-align:center; padding-left:52px;}
.iPorjBox{ width:214px; height:213px; padding:9px; padding-bottom:53px; padding-right:58px; background:url(/index/images/style/iProjCtBg.png) no-repeat; display:inline-block; text-align:center; position:relative;}
.iPorjBox .iPorjIco{ width:85px; height:85px; display:inline-block; background-image:url(/index/images/style/iPorjIco.png); background-repeat:no-repeat; margin-top:40px;}
.iPorjBox .iPorjTit{ display:block; font-size:22px; color:#3d3a39; margin-top:5px; text-align:center;}
.iPorjBox .iPorjCt{ width:214px; height:213px; position:absolute; top:9px; left:9px; background:rgba(0,0,0,0.7); display:none; align-content:center; justify-content:center; flex-wrap:wrap;}
.iPorjBox .iPorjCt .iPorjTit{ display:inherit; color:#fff;}
.iPorjBox .iPorjCt .iPorjKey{ width:100%; margin-top:10px; padding:0 8px; text-align:center; line-height:24px; color:#fff; font-size:16px; box-sizing:border-box;}
.iPorjBox:hover > .iPorjCt{ display:flex;}
.iPorjBox .iPorjIco1{ background-position:left top;}
.iPorjBox .iPorjIco2{ background-position:left -85px;}
.iPorjBox .iPorjIco3{ background-position:left -170px;}
.iPorjBox .iPorjIco4{ background-position:left -255px;}
.iPorjBox .iPorjIco5{ background-position:left -340px;}
.iPorjBox .iPorjIco6{ background-position:left -425px;}
.iPorjBox .iPorjIco7{ background-position:left -510px;}
.iPro{ overflow:hidden; margin-top:30px;}
.iProNav{ width:250px; float:left;}
.iProNav dt{ height:60px; line-height:60px; text-align:center; background:#3d3a39;}
.iProNav dt a{ color:#fff; font-size:24px; font-weight:bold;}
.iProNav dd{ overflow:hidden; border-left:solid 1px #c2c1c1; border-right:solid 1px #c2c1c1;}
.iProNav dd a{ border-bottom:solid 1px #c2c1c1; display:block; text-align:center; font-size:16px; height:56px; line-height:57px; position:relative;}
.iProNav dd a:hover{ font-weight:bold;}
.iProNav dd a:after{ content:""; position:absolute; left:0; bottom:-1px; width:0; height:2px; background:#e70012; -moz-transition:all 1.2s cubic-bezier(.19,1,.22,1); -o-transition:all 1.2s cubic-bezier(.19,1,.22,1); -webkit-transition:all 1.2s cubic-bezier(.19,1,.22,1); transition:all 1.2s cubic-bezier(.19,1,.22,1);}
.iProNav dd a:hover:after{ width:100%; background:#e70012; -moz-transition:all 1.2s cubic-bezier(.19,1,.22,1); -o-transition:all 1.2s cubic-bezier(.19,1,.22,1); -webkit-transition:all 1.2s cubic-bezier(.19,1,.22,1); transition:all 1.2s cubic-bezier(.19,1,.22,1);}
/*.iProNav dd a:last-child{ border:none;}*/
.iProCt{ width:920px; float:right;}
.iProCt dt{ height:59px; line-height:60px; border-bottom:solid 1px #3d3a39; overflow:hidden;}
.iProCt dt h3{ float:left; padding-left:5px; font-size:18px;}
.iProCt dt a{ float:right; font-size:16px; font-weight:bold; margin-right:10px;}
.iProCt dd{ margin-top:30px;}
.iProCt dd ul{ width:105%;}
.iProCt dd li{ width:200px; float:left; margin-right:40px; margin-bottom:10px;}
.iProCt dd li span, .iProCt dd li a{ display:block; overflow:hidden;}
.iProCt dd li span{ height:22px; line-height:22px; padding:0 5px;}
.iProCt dd li .iProTit{ width:100%; height:200px; display:block; overflow:hidden; box-sizing:border-box; border:solid 1px #eee; padding:2px; margin-bottom:10px;}
.iProcess{ height:655px; overflow:hidden; background-image:url(/index/images/style/iProcessBg.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; margin-top:50px; padding-top:10px; padding-bottom:10px;}
.iProcess .iTitle{ color:#3d3a39;}
.iPrcesBox{ position:relative;}
.iPrcesBox .iPrcesPic{ width:345px; height:345px; border:solid 1px #b7b6b6; border-radius:50%; margin:70px auto 0; position:relative;} 
.iPrcesBox .iPrcesPic img{ display:block; margin:0 auto;}
.iPrcesBox .iPrcesPic i{ width:12px; height:12px; line-height:9.5px; display:block; font-style:normal; color:#3d3a39; background:#c2c1c1; text-align:center; border-radius:50%; position:absolute;}
.iPrcesBox .iPrcesPic .iPrcesIco1{ top:31px; left:59px;}
.iPrcesBox .iPrcesPic .iPrcesIco2{ top:31px; right:59px;}
.iPrcesBox .iPrcesPic .iPrcesIco3{ top:167px; left:-7px;}
.iPrcesBox .iPrcesPic .iPrcesIco4{ top:167px; right:-7px;}
.iPrcesBox .iPrcesPic .iPrcesIco5{ bottom:31px; left:59px;}
.iPrcesBox .iPrcesPic .iPrcesIco6{ bottom:31px; right:59px;}
.iPrcesBox .iPrcesCt{ width:370px; position:absolute; color:#fff;}
.iPrcesBox .iPrcesCt b{ color:#e70012; font-size:24px; display:block; padding:10px 0;}
.iPrcesBox .iPrcesCt p{ font-size:18px; color:#3d3a39;}
.iPrcesBox .iPrcesCt.trt{ text-align:right;}
.iPrcesBox .iPrcesCt1{ top:-53px; left:80px;}
.iPrcesBox .iPrcesCt2{ top:-53px; right:80px;}
.iPrcesBox .iPrcesCt3{ top:112px; left:16px;}
.iPrcesBox .iPrcesCt4{ top:112px; right:16px;}
.iPrcesBox .iPrcesCt5{ bottom:-39px; left:80px;}
.iPrcesBox .iPrcesCt6{ bottom:-39px; right:80px;}
.iPlate{ overflow:hidden; margin-top:20px;}
.iPlateHead{ overflow:hidden;}
.iPlateHead b{ line-height:75px; font-size:22px; padding:0 20px;}
.iPlateHead b i{ width:93px; height:61px; display:inline-block; background-image:url(/index/images/style/iPlateIco.jpg); background-repeat:no-repeat; background-position:left top;}
.iPlateHead b .flt{ margin-right:25px;}
.iPlateHead b .frt{ margin-left:25px; background-position:-93px top;}
.iPlateBox{ overflow:hidden;}
.iPlateList{ background:url(/index/images/style/iPlateBg.jpg) no-repeat; height:182px; margin-top:30px; padding:5px 0; overflow:hidden; position:relative;}
.iPlateList .iPlateTit{ position:absolute; color:#e70012; font-weight:bold; font-size:24px; left:555px; top:82px;}
.iPlateBox .iPlateList:first-child{ margin-top:10px;}
.iPlateCt dt{ width:175px; height:178px; overflow:hidden; border:solid 2px #555; float:left; margin-left:1px;}
.iPlateCt dd{ width:210px; height:182px; float:left; margin-left:15px; font-size:16px; font-weight:bold;}
.iPlateCt.frt dt{ float:right; margin-left:0; margin-right:1px;}
.iPlateCt.frt dd{ margin-right:10px; margin-left:0;}
.iMade{ overflow:hidden; margin-top:30px;}
.iMadeList{ height:295px; overflow:hidden; margin-top:35px; position:relative;}
.iMadeList img{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.iMadeList .iMadeCt{ width:415px; color:#333; font-size:18px; margin-top:60px;}
.iMadeList .iMadeCt b{ font-size:22px; display:block; padding-bottom:15px; color:#e70012;}
.iMadeList .iMadeCt.flt{ margin-left:160px;}
.iMadeList .iMadeCt.frt{ margin-right:105px;}
.iAdvantage{ margin-top:10px; overflow:hidden;}
.iAdvBg{ height:887px; background:url(/index/images/style/iAdvBg.jpg) no-repeat center center; overflow:hidden; margin-top:30px;}
.iAdvBg .wrap{ margin-top:120px; box-sizing:border-box; padding-right:50px;}
.iAdvCt{ width:400px; height:330px; float:left; overflow:hidden; padding:35px; box-sizing:border-box; position:relative;}
.iAdvCt:after{ content:""; position:absolute; left:35px; bottom:45px; width:55px; height:1px; background:#333;}
.iAdvCt dt{ font-size:30px; margin-top:15px;}
.iAdvCt dt b{ font-size:60px; padding-right:15px; display:inline-block; line-height:60px; color:#e70012;}
.iAdvCt dd{ font-size:20px; line-height:35px; margin-top:35px;}
.iAdvCt:nth-child(2) dt, .iAdvCt:nth-child(2) dd{ color:#fff;}
.iCase{ overflow:hidden; margin-top:10px;}
.iCaseBox{ position:relative;}
.iCasePage a{ width:24px; height:38px; display:block; position:absolute; top:23px;}
.iCasePage a.prev{ background:url(/index/images/style/defa_toleft.gif) no-repeat; left:5px;}
.iCasePage a.next{ background:url(/index/images/style/defa_toright.gif) no-repeat; right:5px;}
.iCaseCt .tempWrap{ margin:25px auto 0;}
.iCaseCt li{ width:130px; height:72px; padding:5px 10px; border:solid 1px #d2d2d2; float:left; margin-right:30px;}
.iAbout{ overflow:hidden; margin-top:20px;}
.iAboutCt{ overflow:hidden; height:320px; margin-top:30px;}
.iAboutCt dt{ width:620px; float:left;} 
.iAboutCt dd{ width:555px; height:100%; float:right; font-size:18px; line-height:42px; text-indent:36px; padding-bottom:20px; box-sizing:border-box;}
.iHonor{ overflow:hidden; background-image:url(/index/images/style/iHonorBg.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; margin-top:50px; padding:15px 0 50px;}
.iHonorBox{ position:relative;}
.iHonorPage a{ width:32px; height:35px; display:block; position:absolute; top:185px; background-image:url(/index/images/style/iHonorPoint.png); background-repeat:no-repeat;}
.iHonorPage a.prev{ background-position:left top; left:-55px;}
.iHonorPage a.next{ background-position:-32px top; right:-50px;}
.iHonorCt .tempWrap{ margin:25px auto 0;}
.iHonorCt li{ width:288px; float:left; margin-right:16px; overflow:hidden;}
.iHonorCt li a{ height:370px; display:block; padding:10px; border:solid 1px #53504f; overflow:hidden; background:#fff;}
.iHonorCt li span{ display:block; text-align:center; font-size:16px; font-weight:bold; padding-top:10px;}